@charset "utf-8";
@function r($px){
    @return ($px/40)*1rem;
}
@function px($px){
    @return ($px/2)*1px;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
//头部导航开始
.navbar{
    width:100%;
    height:50px;
    background: #222222;
    border:none;
    border-radius: 0;
    box-sizing: border-box;
    margin-bottom:0;
    position:fixed;
    z-index: 999;
    top:0;
    
    
    .active{
        background: #080808;
    }
    //logo部分开始
    .navbar-header{       
        .navbar-brand{
            line-height: 50px;
            img{
                 display:inline-block;
            }          
            padding-top:0;
            padding-bottom:0;
        }
    }
    //logo部分开始
    #navbar .navbar-nav select{
       font-size: 14px;
       border:0;
       background:  #222222;
       color: #9d9d9d;
       width: 108px;
       height:50px;
       outline: none;
       cursor: pointer;
       text-align: center;
       font-weight:bold; 
       &:hover{
           color: white;
       }
       option{
           outline: none;
           background: white;
           color:black;
           border:none;
           &:hover{
               background: black;
           }
       }  
    }
    #navbar .navbar-nav > li > a {
        color: #9d9d9d;
        &:hover{
            color:white;
            background: none;
        }
    }
    .navbar-nav > .active > a{
        background: #080808;
        
    }
}
//头部导航结束


//中间主体内容部分开始
#family-content{
    margin-top:50px;
}

//新闻动态顶部开始
.news-top{
    margin-bottom:30px;
    h3{
        font-size: 22px;
        color:#ff6b08;
        margin-bottom:20px;
    }
    .pic-box{
        position:relative;
        margin-bottom: 20px;
        img{
           cursor: pointer;
           width:100%;
           &:hover{
               opacity: 0.8;
           }
        }
        p{
            width:100%;
            height:42px;
            background: black;
            color:#ffffff;
            position:absolute;
            left:0;
            bottom:0;
            margin:0;
            opacity: 0.7;
            font-size: 14px;
            line-height: 42px;
            text-align: center;
        }
    }
}
//新闻动态顶部结束

 //新闻详情页内容部分开始
 .news-content{
     .content-box{
         margin-bottom:20px;
     }
    .content-left{
        img{
            border:1px solid #dddddd;
            box-sizing: border-box;
            padding:4px;
            border-radius: 6px;
            width:100%;
            &:hover{
                opacity: 0.8;
            }

        }
    }
    .content-right{      
        .position-box{
            position:relative;
            height:78px;
        }
        h3{
            font-size: 16px;
            margin:0;
            position:absolute;
            top:0;
            line-height:21px;
        }
        p{
            font-size: 14px;
            position:absolute;
            width:100%;
            bottom:0;
            margin:0;
        }
        .p-hidden{
            font-size: 12px;    
            margin-top:8px;
        }
    }
    .last-box{
        border-bottom:1px dashed #d4d4d4;
        padding-bottom:60px;
    }
    .content-button{
        &:hover{
            background: #ff6b08;
            color:white;
        }
    }
    .page{
        padding:0;
        width:302px;
        height:32px;
        margin:0 auto;
        margin-bottom:50px;
        li{
            list-style: none;
            a{
                 color:black;
                 font-size: 12px;
                 display:block;
                 width:31px;
                 height:31px;
                 text-decoration: none;
                 float:left;
                 border:1px solid #dddddd;
                 text-align: center;
                 line-height:31px;
                 border-right:none;  
                 &:hover{
                    background: #e34637;
                    color:#ffffff;
                 }
              
                 &:nth-of-type(2),&:nth-of-type(7){
                     width:60px;
                 }                     
            }   
            .first-a{
                width:44px;
                border-top-left-radius: 6px;
                border-bottom-left-radius: 6px;
            }   
            .second-a,.last-a{
                width:60px;
            }   
            .last-a{
                border-right:1px solid #dddddd;
                border-top-right-radius: 6px;
                border-bottom-right-radius: 6px;
            }
        }
        .page-active{
            background: #e34637;
            color:#ffffff;
        }
    }
 }
    
//新闻详情页内容部分开始


//中间主体内容部分结束






//底部部分开始
footer{
    padding-top:r(10);
    padding-bottom:r(10);
    background: #3b3b3b;

    img{
        cursor: pointer;
    }
    .footer-left{
        margin-top:r(20);
        span{
            font-size: r(14);
            color:#a1a3ab;
        }
        p{
            font-size: r(12);
            color:#a1a3ab;
        }
    }
    .footer-right{
        margin-top:r(20);
        img{
            margin-left:r(10);
        }
        .wx{
            position:relative;
            .er{
                position:absolute;
                top:-160px;
                left:7px;
                display:none;
                
            }
        }       
    }       
}
//底部部分结束


//媒体查询部分

@media screen and (min-width:970px){
    //调整footer部分的相关元素
    footer{
        .footer-left{
            margin-top:15px;
            span{font-size: 14px;}
            p{font-size: 12px;}
        }
        .footer-right{
            margin-top:15px;
        }
    }
    
    //新闻动态顶部开始
    .news-top{
        padding:30px 0;
        h3{
            font-size: 32px;
            color:#ff6b08;
            margin-bottom:40px;
        }
        .pic-box{
            position:relative;
            margin-bottom: 20px;
        }
    }
    //新闻动态顶部结束
    
     //新闻详情页内容部分开始
     .news-content{
        .content-left{
            img{
                border:1px solid #dddddd;
                box-sizing: border-box;
                padding:4px;
                border-radius: 6px;
                width:100%;  
            }
        }
        .content-right{      
            .position-box{
                position:relative;
                height:78px;
            }
            h3{
                font-size: 16px;
                margin:0;
                position:static;
                top:0;
                line-height:21px;
            }
            p{
                font-size: 14px;
                position:static;
               
                width:100%;
                bottom:0;
                margin:0;
                margin-top:10px;
                margin-bottom: 30px;
            }
        }
        .content-button{
            margin-top:50px;
            font-size: 12px;
            border:1px solid #ff6b08;
            color:#ff6b08;
            background: #ffffff;
            text-align: center;
            border-radius: 16px;
            padding:3px 14px;
        }
     }
        
    //新闻详情页内容部分开始
}

@media screen and (max-width:767px){
    //设置手机端时导航条的样式
   .navbar-nav{
       margin-top:-5px;
       margin-bottom:0;
       background: #222222;
       
   }
   //新闻动态顶部开始
    .news-top{
        .pic-box{
            p{
                display:none;
            }
            img{
                height:70px;
            }
            position:relative;
            margin-bottom: 20px;
        }
    }
    //新闻动态顶部结束
    
   
}

@media screen and (min-width:768px) and (max-width:992px){
    //设置尾部二维码的位置
    footer{
        .footer-right{
            .wx{
                .er{
                 top:-160px;
                    left:0px;
                 }
            }        
        }                
    }
    
    //新闻详情页内容部分开始
     .news-content{
        .content-left{
            img{
                border:1px solid #dddddd;
                box-sizing: border-box;
                padding:4px;
                border-radius: 6px;
                width:100%;
    
            }
        }
        .content-right{      
            .position-box{
                position:relative;
                height:78px;
            }
            h3{
                font-size: 16px;
                margin:0;
                position:static;
                top:0;
                line-height:21px;
            }
            p{
                font-size: 14px;
                position:static;
                width:100%;
                bottom:0;
                margin:0;
                margin-top:5px;
            }
        }
        .content-button{
            margin-top:20px;
            font-size: 12px;
            border:1px solid #ff6b08;
            color:#ff6b08;
            background: #ffffff;
            text-align: center;
            border-radius: 16px;
            padding:3px 14px;
        }
     }
        
    //新闻详情页内容部分开始
}
@media screen and (max-width:767px){
    //设置尾部二维码的位置
    footer{
        .footer-right{
            margin-top:20px;
            .wx{
                .er{
                 top:-160px;
                    left:-5px;
                 }
            }        
        }                
    }
    
    //新闻详情页内容部分开始
     .news-content{
        .content-left{
            img{
                border:1px solid #dddddd;
                box-sizing: border-box;
                padding:4px;
                border-radius: 6px;
                width:100px;
                height:78px;
            }
        }
        .content-right{
            .p-hidden{
                display:none;
            }
        }
        .content-button{
            display:none;
        }
        .last-box{
            border-bottom:none;
            
        }
        .page{
            margin:-40px auto;      
        }
     }
        
    //新闻详情页内容部分开始
    
}
@media screen and (min-width:376px)and (max-width:767px){
    //新闻详情页内容部分开始
     .news-content{
         .content-right .position-box{
            position:relative;
            height:r(128);
        }
        .content-left{
            img{
                border:1px solid #dddddd;
                box-sizing: border-box;
                padding:4px;
                border-radius: 6px;
                width:100%;
                height:78%;
            }
        }
        
        

     }
        
    //新闻详情页内容部分开始
}
@media screen and(min-width:1024px){
    //新闻详情页内容部分开始
     .news-content{
        .content-button{
            margin-top:80px;
        }
        

     }
        
    //新闻详情页内容部分开始
}
